


//======== 【Prefix】 ========
@css-prefix: 'yzh';
@menu-prefix-cls: 'ant-menu';
@layout-prefix-cls: 'ant-layout';
// css变量
:root {
    --primary-color: #f8711a;
    --bg-active-color: rgba(0,0,0,0.5);
    --bg-color: #3f3d3c;
    --header-bg-color: #fff;
    --text-color: #ccc;
    --header-text-color: #333;
    --text-light-color: #fff;
}

// 主题
@menu-dark-color: var(--text-color);
@menu-dark-bg: var(--bg-color);
@menu-item-padding: 20px;
@menu-dark-highlight-color: var(--text-light-color);
@menu-dark-item-hover-color: var(--primary-color);
@menu-dark-item-active-bg: var(--bg-active-color);
@menu-dark-item-hover-bg: var(--bg-active-color);
@menu-dark-inline-submenu-bg: var(--bg-active-color);
@menu-dark-arrow-color: var(--text-color);
@menu-dark-selected-item-icon-color: var(--primary-color);
@menu-dark-selected-item-text-color: var(--primary-color);
@disabled-color-dark: var(--text-color);

@header-dark-color: var(--header-text-color);
@header-dark-bg: var(--header-bg-color);

@border:#e8e8e8;
@default:#666;
@black:#333;
@color999:#999;
@theme:var(--primary-color);
@aside-bg-color:#3f3d3c;
@bg-color:#f5f5f5;
@bg-body:#f8f8f8;

//------字体 
//-----中文：微软雅黑  ，英文：Arial
@font-ch:"微软雅黑";
@font:"Arial";

//内容最小宽度
@cont-width:1200px;

//模块间距
@box-spacing1:20px;
@box-spacing2:30px;

//模块圆角
@box-radius:4px;
// 重要
@primary:var(--primary-color);
@success:#61b93f;
@warning:#ff9900;
@danger:#f54040;
@ff8:#fef1e8;

@info:#6579f9;
@white:#fff;
@fff:#fff;
@c-333:#333;

// 一般
@c-3f:#3f3d3c;   // 主要用在导航背景
@c-666:#666;
@c-999:#999;
@c-ccc:#ccc;

// 较弱
@e8:#e8e8e8;
@f8:#f8f8f8; 

//字体大小
@fontS28:28px;
@fontS18:18px;
@fontS14:14px;
@fontS12:12px;

// 行高
@lh34:34px;

@primary-color: var(--primary-color);
@link-color: var(--primary-color); // 链接色
@success-color: #52c41a; // 成功色
@warning-color: #faad14; // 警告色
@error-color: #f5222d; // 错误色
@font-size-base: 14px; // 主字号
@heading-color: rgba(0, 0, 0, 0.85); // 标题色
@text-color: rgba(0, 0, 0, 0.65); // 主文本色
@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
@disabled-color: rgba(0, 0, 0, 0.25); // 失效色
@border-radius-base: 2px; // 组件/浮层圆角
@border-color-base: #d9d9d9; // 边框色
@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
  0 9px 28px 8px rgba(0, 0, 0, 0.05); // 浮层阴影









